import { Layout } from "antd";

import {createFromIconfontCN } from '@ant-design/icons';
import "antd/dist/antd.css";
import "./App.css";
import SearchTabsRow from './components/SearchTabsRow'
import NavTabsRow from './components/NavTabsRow';
import {SearchNavExampleData} from './data';

const { Header, Content, Footer } = Layout;
const {iconUri,navData,appData} = SearchNavExampleData.data;

const IconFont = createFromIconfontCN({
  scriptUrl: iconUri,
});

function App() {
  return (
    <Layout>
      <Header>
        <div className="logo" />
      </Header>
      <Content >
        <SearchTabsRow IconFont={IconFont} navData={navData}/>
        <NavTabsRow IconFont={IconFont} appData={appData}/>
      </Content>
      <Footer width="100%" style={{textAlign:"center"}}>
      ©2021 StriveBear - <a href="http://beian.miit.gov.cn" rel="noreferrer" target="_blank">粤ICP备19007741号</a>
      </Footer>
    </Layout>
  );
}

export default App;
